<html>
  asdf
  <head>
    <script src="js/prototype.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/scriptaculous.js" type="text/javascript" charset="utf-8"></script>
    <script src="zdsoft-lib.js" type="text/javascript" charset="utf-8"></script>
    <link type="text/css" href="css/ui.css" rel="stylesheet" />
    <script type="text/javascript" charset="utf-8">
      function showDialog() {
        zdwin=new ZDWindow({
            title:"faint",
            content:"just do it"
        });
        zdwin.show();
      }
    </script>
  </head>
  <body>
    <input type="button" name="asdf" value="click me" onclick="showDialog()" >
    <div id="dialog" 
    style="display: none; z-index: 1004; outline: 0px none; position: absolute; height: auto; width: 300px; top: 391px; left: 575px;"
      class="ui-dialog ui-widget ui-widget-content ui-corner-all  ui-draggable ui-resizable" 
      tabindex="-1" >

      <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="-moz-user-select: none;">
        <span class="ui-dialog-title" id="ui-dialog-title-dialog" style="-moz-user-select: none;"> Basic dialog </span>
        <a href="#" class="ui-dialog-titlebar-close ui-corner-all" style="-moz-user-select: none;">
          <span class="ui-icon ui-icon-closethick"  style="-moz-user-select: none;">close </span>
        </a>
      </div>

      <div  class="ui-dialog-content ui-widget-content" 
        style="width: auto; display: block; min-height: 114px; height: auto;">
        <p>This is the default dialog which is useful for displaying information. 
        The dialog window can be moved, resized and closed with the 'x' icon.</p>
      </div>

      <div class="ui-resizable-handle ui-resizable-n"  style="-moz-user-select: none;"></div>
      <div class="ui-resizable-handle ui-resizable-e"  style="-moz-user-select: none;"></div>
      <div class="ui-resizable-handle ui-resizable-s"  style="-moz-user-select: none;"></div>
      <div class="ui-resizable-handle ui-resizable-w"  style="-moz-user-select: none;"></div>

      <div 
        class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" 
        style="z-index: 1001; -moz-user-select: none;" ></div>

      <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; -moz-user-select: none;" > </div>
      <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; -moz-user-select: none;" > </div>
      <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; -moz-user-select: none;" > </div>
    </div>
  </body>
</html>
